html, body {
  height: 100%;
  margin: 0; /* Ensure no default margin is applied */
}

body {
  background-image: url("./casino-background.png");
  background-size: cover; /* Ensures the background image covers the entire body */
  background-position: center; /* Centers the background image */
  background-repeat: no-repeat; /* Prevents the background image from repeating */
  background-attachment: fixed; /* Prevents the background image from scrolling */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Ensures the body takes up the full height of the viewport */
}

.slots {
  width: 385px;
  height: 330px;
  border: 1px solid black;
  background-color: green;
  padding: 33px;
  display: flex;
  justify-content: space-between;
}
.slots .reel {
  border: 1px solid black;
  width: 110px;
  height: 330px;
  background-image: url("../Reel.png");
  background-repeat: repeat-y;
  background-position: 0 0;
}

.back-button {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  padding: 10px 20px;
  background-color: cadetblue;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.back-button:hover {
  background-color: #0056b3;
}

.back-button:active {
  transform: scale(0.95); /* Slightly shrink the button on click */
}

body a {
  font-family: "Akaya Kanadaka", system-ui;
  font-weight: 400;
  font-style: normal;
  color: rgb(20, 107, 144);
}/*# sourceMappingURL=slotWheel.css.map */